<template>
	<view class="alarm-item  u-p-20 ">
		<view class="u-flex u-row-between">
			<view class="" style="font-weight: bold;">
				{{info.exceptionTypeName}}
			</view>
			<view class="u-tips-color u-font-22">
				<!-- 紧急 -->
			</view>
		</view>

		<view class="u-m-t-10 u-content-color">
			位置：{{info.zoneName}}-{{info.location}}
		</view>

		<view class="u-flex u-row-between u-m-t-10">
			<view class="u-tips-color u-font-22">
				上报时间：{{info.logTime}}
			</view>
			<view class="u-tips-color u-font-22">
				{{info.status==1?'已处理':'未处理'}}
			</view>
		</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		info: {
			type: Object,
			default: () => ({})
		}
	})
</script>

<style>
	.alarm-item {
		background-color: #fff;
		border-radius: 10rpx;
	}
</style>